<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>黄林-ZOL商城-详情页</title>
		<script type="text/javascript" src="src/js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="src/js/details.js/details.js">
			
		</script>
		<link rel="stylesheet" type="text/css" href="jquery plug-in/bootstrap-3.3.0/dist/css/bootstrap.min.css"/>
		<script type="text/javascript" src="jquery plug-in/bootstrap-3.3.0/dist/js/bootstrap.min.js"></script>
		<!--图标插件-->
		<link rel="stylesheet" type="text/css" href="jquery plug-in/font-awesome-4.6.3/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="src/css/details.css/details.css"/>
		<!--cookie插件-->
		<script type="text/javascript" src="jquery plug-in/carhartl-jquery-cookie-92b7715/jquery.cookie.js">
			
		</script>
	</head>
	<body>
		<!--头部-->
		<div id="header">
			<div id="topbar">
				<div id="topbar-content">
					<ul>
						<li><a>ZOL商城</a><span>｜</span></li>
						<li><a>收藏</a><span>｜</span></li>
						<li>订阅团购推荐<i class="fa fa-caret-down"></i><span>｜</span></li>
						<li>客服电话:<span>400-678-0068</span></li>
					</ul>
					<div id="user-about">
						<span>您好，欢迎来Z团购物！请 <a href="http://127.0.0.1:8020/zol/zc-login.html" target="_blank">登录</a><span>｜</span></span>
						<a href="http://127.0.0.1:8020/zol/zc-register.html" target="_blank"">注册<span>｜</span></a>
						<a href="http://127.0.0.1:8020/zol/zc-login.html" target="_blank">我的订单</a>
					</div>
					
					<!--订阅团购推荐弹出框-->
					<div id="add-div">
						<p>请输入您的电子邮箱地址</p>
						<!--邮箱输入框-->
						<!--bootstrap插件的输入框-->
						<div class="input-group">
							<input type="text" class="form-control">
							<span class="input-group-addon">确定</span>
						</div>
						<!--插件end-->
						<p>推荐时间:每周二、四六(节假日除外)</p>
					</div>
				</div>
					
			</div>
			<!--搜索-->
			<div id="search">
					<div class="logo">
						<img src="src/images/details/logo.png"/>
					</div>
					
					<div id="search-commodity">
						<input type="text" name="" id="" value="" placeholder="请输入商品名"/>
						<span>搜索</span>
					</div>
					<div id="safa">
						<img src="src/images/details/safeguard.png"/>
					</div>
			</div>
			

			<!--导航条-->
			<div id="nav-bar">
				<div id="nav-content">
					<ul>
						<li>首页</li>
						<li>单品团</li>
						<li>预约团</li>
						<li>即将开团</li>
					</ul>
					<!--最近浏览-->
					<div id="history">
						<span>最近浏览∨</span>
					</div>
				</div>
			</div>
		</div>
		<!--头部结束-->
		
		<!--魅族MX6-->
		<div id="wrapper">
			<div id="bread-crumbs">
				<span class="changred">手机通讯</span><span>></span><span>魅族MX6(32G/全网通)</span><span>团购抄底!</span>
			</div>
			<div id="deal-detail">
				<!--魅族MX6图片-->
				<div id="image">
					<img src="src/images/details/MX6-32G.png"/>
					<img src="src/images/details/share.png"/>
				</div>
				<div id="countdown">
					<p>
						<img src="src/images/details/1549.png"/>
						<span id="x">1549</span>
						<span id="p">魅族MX6(32G全网通)</span>
					</p>
					<p>
						<input type="button" name="" id="btn" value="立即抢购" />
						<input type="button" name="" id="btn1" value="加入购物车" />
					</p>
					<!--倒计时-->
					<p>
						<img src="src/images/details/surplus.png" />
						<span id="day_show">0天</span>
					    <strong id="hour_show">0时</strong>
					    <strong id="minute_show">0分</strong>
					    <strong id="second_show">0秒</strong>
					</p>
				</div>
			</div>
		</div>
		<!--无忧退货-->
		
		<div id="guarantee">
			<img src="src/images/details/guarantee.png"/>
		</div>
		
		<!--详情以及评论等-->
		
		<div id="details-main">
			<!--详情以及评论-->
			<div id="main">
				
				<!--购买须知-->
				<div id="tab-bar">
					<span>购买须知</span>
					<span>产品介绍</span>
					<span>产品口碑</span>
					<span>包装清单</span>
					<span>配送及售后</span>
				</div>
				<!--详情-->
				<div id="image-list">
					<img src="src/images/details/product.png"/>
					<img src="src/images/details/product presentation.png"/>
					<img src="src/images/details/Parameter table.png"/>
					<img src="src/images/details/reals01.png"/>
					<img src="src/images/details/reals02.png"/>
					<img src="src/images/details/reals03.png"/>
					<img src="src/images/details/reals04.png"/>
					<img src="src/images/details/reals05.png"/>
					<img src="src/images/details/reals06.png"/>
					<img src="src/images/details/reals07.png"/>
					<img src="src/images/details/reals08.png"/>
					<img src="src/images/details/reals09.png"/>
					<img src="src/images/details/reals10.png"/>
					<img src="src/images/details/reals11.png"/>
					<img src="src/images/details/reals12.png"/>
					<img src="src/images/details/reals13.png"/>
					<img src="src/images/details/reals14.png"/>
					<img src="src/images/details/reals15.png"/>
					<img src="src/images/details/reals16.png"/>
					<img src="src/images/details/reals17.png"/>
					<img src="src/images/details/reals18.png"/>
					<img src="src/images/details/reals19.png"/>
					<img src="src/images/details/reals20.png"/>
					<img src="src/images/details/reals21.png"/>
					<img src="src/images/details/reals22.png"/>
					<img src="src/images/details/reals23.png"/>
					<img src="src/images/details/reals24.png"/>
					<img src="src/images/details/reals25.png"/>
					<img src="src/images/details/reals26.png"/>
					<img src="src/images/details/reals27.png"/>
					<img src="src/images/details/reals28.png"/>
					<img src="src/images/details/reals29.png"/>
				</div>
				
				
				<!--全部评价-->
				
				<!--包装清单-->
				
				<!--Z团优势-->
				
				<div id="advantage">
					<ul>
						<li class="red">用户口碑</li>
						<li>品质保证</li>
						<li>省心售后</li>
						<li>发展历程</li>
					</ul>
					<div id="photo-list">
						<img src="src/images/details/public praise.png"/>
						<img src="src/images/details/quality.png"/>
						<img src="src/images/details/after sale.png"/>
						<img src="src/images/details/development history.png"/>
					</div>
				</div>
				<div id="price">
					<img src="src/images/details/price.png"/>
				</div>
			</div>
			<!--右边拓展-->
			<div id="side">
				<!--关于店家-->
				<div id="side-top">
					<p><img src="src/images/details/ZOL.png"/></p>
					<p>数码风暴专营店</p>
					<p><img src="src/images/details/QQ.png"/></p>
					<p><img src="src/images/details/describe.png"/></p>
					<p>
						<span>进店逛逛</span>
						<span>收藏本店</span>
					</p>
				</div>
				
				<!--相关产品推荐-->
				<div id="recommend">
					<h4>相关产品推荐</h4>
					<ul>
						<li>
							<p><img src="src/images/details/note7.png"/></p>
							<p>限量100台!三星Galaxy Note7 金色</p>
							<p>直降1000</p>
							<p><span>￥4988</span><span>5988</span><span>已售32</span></p>
						</li>
						
						<li>
							<p><img src="src/images/details/leMax2.png"/></p>
							<p>乐视 乐Max 2（4GB版/全网通）32G 抢购中</span></p>
							<p>32G 抢购中</p>
							<p><span>￥1399</span><span>1888</span><span>已售52</span></p>
						</li>
						
						<li>
							<p><img src="src/images/details/nubiaZ11.png"/></p>
							<p>nubia Z11(标准版/全网通)无边框</p>
							<p>设计!</p>
							<p><span>￥2488</span><span>2788</span><span>已售82</span></p>
						</li>
						
						<li>
							<p><img src="src/images/details/P9.png"/></p>
							<p>华为P9(32G标准版/移动4G)</p>
							<p></p>
							<p><span>￥2528</span><span>2488</span><span>已售36</span></p>
						</li>
						
						<li>
							<p><img src="src/images/details/Pro3.png"/></p>
							<p>华为P9(32G标准版/移动4G)</p>
							<p></p>
							<p><span>￥0</span><span>1</span><span>已售467</span></p>
						</li>
					</ul>
				</div>
				<!--最近浏览-->
				<div id="lately">
					<img src="src/images/details/lately.png"/>
				</div>
				<!--大家都在看什么-->
				<div id="all-seeo">
					<img src="src/images/details/all-see1.png"/>
				</div>
				
			</div>
		</div>
		
		
		<!--导航条-->
		<div id="nav-topbar">
			<span>购买须知</span>
			<span>产品介绍</span>
			<span>产品口碑</span>
			<span>包装清单</span>
			<span>配送及售后</span>
			<span>立即抢购</span>
			<span>¥1549</span>
			
		</div>
		
		<!--二维码-->
		<div id="qr">
			<img src="src/images/details/QR code.png"/>
		</div>
		
		<!--在线咨询-->
		<div id="online-consult">
			<p><img src="src/images/details/zaixian.png"/></p>
			<p>在线咨询</p>
		</div>
		
		<!--意见反馈-->
		<div id="feedback">
			<span><img src="src/images/details/top.png"/></span>
			<span>意见反馈</span>
		</div>
		
		<!--大家都在看什么-->
		<div id="all-see">
			<img src="src/images/details/all-see.png"/>
		</div>]
		<!--清除上面所有浮动-->
		<div style="clear: both;">
			
		</div>
		<!--引入页脚-->
		<div id="comment-footer">
			
		</div>
	</body>
</html>
